/*例句听力开始*/
.examples-top{
  height:100px;
}
.examples-top .div_line{
  float: left;
  min-height: 30px;
  line-height: 30px;
  margin-top: 10px;
}
.examples-top .div_line span{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
 /*  margin-right:6px;  */
  cursor: pointer;
}
.examples-top .div_line .span_null{
  width:20px;
  height:20px;
  border-bottom: 1px solid #a6a6a6;
  overflow: hidden;
}
.progress-big{
  background-color: #485452;
  width: 100%;
  height: 6px;
}
.progress-small{
  background-color: #0a724a;
  width: 0%;
  height: 6px;
}
.examples-mid-left{
  font-size: 20px;
  float: left;
  color: #999;
  line-height: 60px;
  height: 60px;
  margin-right: 30px;
}
.examples-progress{
  float: left;
  width: 750px;
  margin: 10px 0;
}
.mute{
  width: 90px;
  margin: 60px auto;
  font-size: 18px;
  color: #ccc;
  line-height: 30px;
  padding-left: 30px;
  height: 30px;
  background:url(../../images/skin-1/mute.png) 0px 0px no-repeat ;
}
.examples-top-judge{
  width: 70px;
  font-size: 30px;
  height: 70px;
  line-height: 70px;
  float: left;
}
.examples-top-font{
  font-size: 24px;
  color: #ccc;
  float: left;
  line-height: 60px;
  height: 60px;
}
.examples-bottom{
  padding-top: 10px;
}
.examples-bottom-font{
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}
.examples-bottom-font span{
  cursor: pointer;
}
.examples-width{
  max-width: 670px;
}
.arrow{
  float: right;
  width: 53px;
  height: 55px;
  background:url(../../images/skin-1/arrow.png) center center no-repeat ;
}
.practise{
  float: right;
  width: 54px;
  height: 55px;
  background:url(../../images/skin-1/practise.png) center center no-repeat ;
}
.arrow-top{
  float: right;
  width: 55px;
  height: 55px;
  background:url(../../images/skin-1/arrow-top.png) center center no-repeat ;
}
.cry-small{
  float: right;
  width: 53px;
  height: 55px;
  background:url(../../images/skin-1/cry-small.png) center center no-repeat ;
}
.rain{
  width: 162px;
  margin: 0 auto;
  padding-top: 30px;
  font-size: 18px;
  color: #ccc;
  line-height: 30px;
  padding-left: 40px;
  height: 30px;
  background:url(../../images/skin-1/rain.png) 0px 32px no-repeat ;
}
.group-words{
	margin-top: 20px;
}
.group-words ul{
  width: 680px;
  float: left;
}
.group-words ul li{
  float: left;
  color: #fff;
  height: 43px;
  font-size: 20px;
  border: 1px solid #4c4c4c;
  line-height: 43px;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0px 20px;
}
.group-words ul li:hover{
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
}
.group-words ul li span{
	*padding-top:5px;
	*display:inline-block;
}
.visibility{
  visibility:hidden;
}
.brush{
  float: left;
  height: 40px;
  width: 40px;
  background:url(../../images/skin-1/brush.png) center center no-repeat ;
}
/*tips开始*/
.tips{
  position: relative;
  cursor: pointer;
}
.tips-box{
  /* display: none; */
  position: absolute;
  top:40px;
  left: 0px;
  background-color: #f0f0de;
  padding: 15px;
  width: 300px;
}
.tips-word{
  /* display: none; */
  position: absolute;
  top:30px;
  left: 20px;
  height: 10px;
  width: 20px;
  background:url(../../images/skin-1/word.png) center center no-repeat ;
}
.tips-title{
  font-size: 14px;
  color: #333;
}
.tips-content{
  font-size: 12px;
  color: #333;
  font-family: "SimSun"; 
}
/*tips结束*/
.initial-box{
  display: none;
  width: 470px;
  background-color: #fff;
}
.longer{
  margin-left: 20px;
}
.longer span{
  font-size: 12px;
  color: #666;
}
.red{
  color: #ff0000;
}
.green{
  color: #8dc41f;
}
.yellow{
  color: #ffff6b;
}
.blue{
  color: #00bb98;
}
/*例句听力结束*/
.study-summary-box .moment{
  font-size: 14px;
  color: #666;
}
.study-summary-box .moment1{
  text-align: center;
  font-size: 14px;
  color: #666;
}
.study-summary-box .moment1 span{
  font-size:18px;
}
.study-summary-box .window-box {
    padding: 30px;
}
.study-summary-box .eject-button-1 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}